<template>
</template>

<script type="text/javascript">
	// 定义一些公共的属性和方法
	const httpUrl = 'http://39.105.17.99:8080/'
	// ------ 默认一些常量，方便展示效果，后期用接口替代 ------
	/*	
		产品分类模拟数据
		@id 数据库ID
		@name 分类名称
		@icon 小图标
		@image 页面大图片
	*/
	const cateList = [{
			id: 1,
			name: '宠物饲养',
			icon: '/static/1.png',
			image: 'https://img.alicdn.com/imgextra/i3/2206686532409/O1CN01hCQ2kA1TfMmzvRDsn_!!2206686532409-0-lubanimage.jpg'
		},
		{
			id: 2,
			name: '美妆化妆',
			icon: '/static/2.png',
			image: 'https://aecpm.alicdn.com/simba/img/TB1XotJXQfb_uJkSnhJSuvdDVXa.jpg'
		},
		{
			id: 3,
			name: '家电厨房',
			icon: '/static/3.png',
			image: 'https://aecpm.alicdn.com/simba/img/TB1JNHwKFXXXXafXVXXSutbFXXX.jpg'
		},
		{
			id: 4,
			name: '母婴育儿',
			icon: '/static/4.png',
			image: 'https://aecpm.alicdn.com/simba/img/TB183NQapLM8KJjSZFBSutJHVXa.jpg'
		},
		{
			id: 5,
			name: '生活缴费',
			icon: '/static/5.png',
			image: 'https://img.alicdn.com/imgextra/i1/2206686532409/O1CN01honUN81TfMn2Qd8TT_!!2206686532409-0-lubanimage.jpg'
		},
		{
			id: 6,
			name: '真心推荐',
			icon: '/static/6.png',
			image: 'https://aecpm.alicdn.com/simba/img/TB1nFo6GVXXXXbJXFXXSutbFXXX.jpg'
		},
		{
			id: 7,
			name: '业界美食',
			icon: '/static/7.png',
			image: 'https://aecpm.alicdn.com/simba/img/TB1T3IZGVXXXXbhaXXXSutbFXXX.jpg'
		},
		{
			id: 8,
			name: '娱乐影视',
			icon: '/static/8.png',
			image: 'https://img.alicdn.com/tps/i4/https://img.alicdn.com/imgextra/i2/6000000002459/O1CN015pvl4u1U2GajYI7ju_!!6000000002459-0-octopus.jpg_240x240q90.jpg'
		},
		{
			id: 9,
			name: '数码手机',
			icon: '/static/9.png',
			image: 'https://img.alicdn.com/tfs/TB1Cq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg'
		},
		{
			id: 10,
			name: '潮流时尚',
			icon: '/static/9.png',
			image: 'https://img.alicdn.com/tfs/TB1Cq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg'
		}
	];

	/*
		产品模拟数据
		@id 数据库ID
		@name 产品名称
		@icon 小图标
		@image 页面大图片
	*/
	const proList = [{
			id: 1,
			name: '【2021热销款】联想小新15 锐龙高性能版15.6英寸全面屏轻薄游戏笔记本电脑旗舰店六核R5-4600U手提办公商务',
			imglist: [
				'https://img.alicdn.com/imgextra/i3/2206686532409/O1CN01hCQ2kA1TfMmzvRDsn_!!2206686532409-0-lubanimage.jpg',
				'https://7478-tx-cloud-mix-mall-d6944c-1302673523.tcb.qcloud.la/1595603781907092997.jpg',
			],
			num: '12万+',
			price: '128.37',
			money: '31',
			integral: 21,
			typename: '联想数据开始',
		},
		{
			id: 2,
			name: '【十三余 小豆蔻儿】[念奴娇] 齐腰衫裙大袖衫长袖外套刺绣汉服女',
			imglist: [
				'https://gd1.alicdn.com/imgextra/i1/12375520/TB2dqkfixuaVKJjSZFjXXcjmpXa_!!12375520.jpg',
				'https://img.alicdn.com/imgextra/i2/3375655191/O1CN013zAN9Y1oDWaoCz6um_!!3375655191.jpg_430x430q90.jpg',
			],
			num: 12245,
			price: '128.00',
			money: '31.45',
			integral: 11,
			typename: '联想+导数据',
		},
		{
			id: 3,
			name: '【新款上市】OPPO Reno5 opporeno5手机5g新品oppo reno5 reno5pro oppo手机官方旗舰店官网 0ppo限量版正品',
			imglist: [
				'https://img.alicdn.com/imgextra/i3/1715164541/O1CN01Bd44fS1jPpCbFHT2b_!!1715164541.jpg_430x430q90.jpg',
				'https://img.alicdn.com/imgextra/i2/3375655191/O1CN013zAN9Y1oDWaoCz6um_!!3375655191.jpg_430x430q90.jpg',
				'https://img.alicdn.com/imgextra/i3/1748529144/O1CN01sJjkxh2HQ0I1OXtGu_!!1748529144.jpg_430x430q90.jpg',
				'https://img.alicdn.com/imgextra/i4/1748529144/O1CN01JSUKjK2HQ0HqizHbP_!!1748529144.jpg_430x430q90.jpg',
			],
			num: 245,
			price: '28.45',
			money: '11',
			integral: 121,
			typename: '手机服务贴膜+导数据',
			content: [
				'https://img.alicdn.com/imgextra/i2/1748529144/O1CN0146adu22HQ0HuLGJ6y_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i3/1748529144/O1CN01BPoy2u2HQ0GNonGuh_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i2/1748529144/O1CN01hmOFz72HQ0I3xJIU9_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i1/1748529144/O1CN0102OYmk2HQ0GYG6X3q_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i1/1748529144/O1CN019YKOQK2HQ0GQcD7IQ_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i4/1748529144/O1CN01HNiIyx2HQ0GqBuAC2_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i2/1748529144/O1CN01NCwWsn2HQ0HmavvOU_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i3/1748529144/O1CN01qksxam2HQ0GSWLpGD_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i1/1748529144/O1CN01RVkEkQ2HQ0GX8rmQg_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i2/1748529144/O1CN01lMZJ8e2HQ0HvIOTzy_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i4/1748529144/O1CN01OntZts2HQ0GPyMJCq_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i2/1748529144/O1CN01aJoewh2HQ0HlATmPj_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i3/1748529144/O1CN012StM2x2HQ0GN3d1Ul_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i4/1748529144/O1CN01R48AFj2HQ0GOBTZvk_!!1748529144.jpg',
				'https://img.alicdn.com/imgextra/i1/1748529144/O1CN01nSdDxF2HQ0GPyNaEi_!!1748529144.jpg',
			]
		},
		{
			id: 4,
			name: '九五之尊男士手表男机械表镂空全自动防水商务进口机芯潮男式腕表',
			imglist: [
				'https://gd2.alicdn.com/imgextra/i1/854822515/O1CN01hYyEDV1URulpzrThH_!!854822515.jpg_400x400.jpg',
				'https://img.alicdn.com/imgextra/i2/3375655191/O1CN013zAN9Y1oDWaoCz6um_!!3375655191.jpg_430x430q90.jpg',
			],
			num: 22,
			price: '42.30',
			money: '21.00',
			integral: 2,
			typename: '全面保修一年',
		},
		{
			id: 5,
			name: '小天鹅滚筒洗衣机10公斤kg变频静音全自动家用杀菌消毒TG100V22DG',
			imglist: [
				'https://img.alicdn.com/imgextra/i1/2209348063052/O1CN013rte7r1YPrQ6biyFX_!!2209348063052.jpg_430x430q90.jpg',
				'https://img.alicdn.com/imgextra/i2/3375655191/O1CN013zAN9Y1oDWaoCz6um_!!3375655191.jpg_430x430q90.jpg',
			],
			num: 122,
			price: '142.30',
			money: '11.00',
			integral: 72,
			typename: '面膜旗舰店正品',
		},
		{
			id: 6,
			name: 'chanel/香奈儿口红礼盒丝绒炫亮唇膏57 58 99 152172正品专柜礼盒',
			imglist: [
				'https://gd4.alicdn.com/imgextra/i3/2016961362/O1CN01fV4PHr1Lvq6Rtin3v_!!2016961362.jpg_400x400.jpg',
				'https://img.alicdn.com/imgextra/i2/3375655191/O1CN013zAN9Y1oDWaoCz6um_!!3375655191.jpg_430x430q90.jpg',
			],
			num: 702,
			price: '120.33',
			money: '41.00',
			integral: 24,
			typename: '安全感',
		},
		{
			id: 7,
			name: '自然堂喜马拉雅补水面膜21片面膜补水保湿女学生旗舰店正品',
			imglist: [
				'https://img.alicdn.com/imgextra/https://img.alicdn.com/imgextra/i2/1652554937/O1CN01qj41Pt1mLC2t3AHLo_!!1652554937.jpg_430x430q90.jpg',
				"/static/temp1.jpg",
				"/static/temp2.jpg",
				"/static/temp3.jpg",
				"/static/temp4.jpg",
				"/static/temp5.jpg",
			],
			num: 702,
			price: '120.33',
			money: '41.00',
			integral: 24,
			typename: '自然堂喜马拉雅补水',
		}
	];
	/*
		排序数据
		@type 数据库ID
		@name 产品名称
		@current 被选中
		@isPrice 是否是价格
	*/
	const sortList = [{
			name: '综合排序',
			type: 1,
			current: true
		},
		{
			name: '销量',
			type: 2,
			current: false
		},
		{
			name: '价格',
			type: 3,
			isPrice: true,
			current: false
		},
		{
			name: '好评率',
			type: 5,
			current: false
		}
	];

	

	// 暴露出这些属性和方法
	export default {
		httpUrl,
		cateList,
		proList,
		sortList
	}
</script>

<style>
</style>
